<script lang="tsx">
import { Component, Vue } from 'vue-property-decorator'

@Component({
  name: 'ScopedSlotChild',
})
export default class extends Vue {
  data1 = '作用域默认插槽内容数据1'

  data2 = '作用域具名插槽内容数据2'

  render() {
    return (
      <div>
        <p>ScopedSlotChild slot.default： { this.$scopedSlots.default && this.$scopedSlots.default(this.data1) }</p>

        <p>ScopedSlotChild slot.name： { this.$scopedSlots.name && this.$scopedSlots.name(this.data2) }</p>
      </div>
    )
  }
}
</script>

<style>

</style>
